
@charset "utf-8";
@mixin aa($a, $b) {
    width: $a;
    height: $b;
}
.f-head {
    @include aa(100%,1rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../img/logo.png)no-repeat 0.18rem center;
    background-size: 2.2rem 0.75rem;
    >div {
        @include aa(30%,100%);
       
    }
    .f-head2 {
        line-height: 1rem;
        font-size: 0.33rem;
    }
    .f-head3 {
        @include aa(1.45rem,.75rem);
        display: flex;
        font-size: 0.2rem;
        color: #999;
        align-items: center;
        dl {
            @include aa(.5rem,.73rem);
            text-align: center;
            >dt{@include aa(.5rem,.45rem)}
        }
    }
    .f-head-dl-1 {
        margin-right: 0.35rem;
        >dt{
            font-size: .45rem;
            margin-bottom: .1rem;
        }
    }
    .f-head-dl-2 {
       >dt{
            font-size: .42rem;
            margin-bottom: .1rem;
            margin-top: .02rem;
        }
    } 
}

.sy-foot {
    @include aa(100%,1.06rem);
    background: rgba(0,0,0,0.9) url(../img/quoten_bottom.png) no-repeat .75rem;
    background-size:4.25rem 100%;
    display: flex;
    align-items: center;
    >dl {
        @include aa(3.3rem,.75rem);
        font-size: 0.32rem;
        font-style: italic;
        color: white;
        margin: {
            left: 1.7rem;
            right: 0.4rem;
        };
        dt {
            color: #eed215;
            text-indent: 1em;
        }
    }
    >div {  
        @include aa(1.75rem,.5rem);
        text-align: center;
        line-height: 0.5rem;
        color: white;
        background: #FEB605;
        font-size: 0.24rem;
        border-radius: 0.5rem;
        >a {
            color: white;
        }
    }
}

.sy-foot-img {
    @include aa(100%,.4rem);
    font-size: 0;
    >img {
        @include aa(100%,100%)
    }
}
.sy-hr {
    @include aa(100%,.18rem);
    background: #f4f4f4;
}

.sy-s5 {
    @include aa(7rem,1.75rem);
    margin: 0.36rem auto;
    font-size: 0.28rem;
    color: #333;
    line-height: 0.45rem;
    text-indent: 0.5rem;
}

.sy-s6{
    @include aa(100%,1.3rem);
    .sy-s6-a{
        text-align: center;
        @include aa(100%,.32rem);
        font-size: .28rem;
        color: #333;
        line-height: .32rem;
        margin: 0.3rem 0;
       >svg{
           font-size: .33rem;
           color: #3ac893;
       }
    }
    .sy-s6-b{
        @include aa(100%,.3rem);
        font-size: .28rem;
        display: flex;
        justify-content: space-between;
        li{
            @include aa(25%,100%);
            text-align: center;
            a{font-size: .28rem;}
        }
    }
}

.fa-s{
    width: 100%;
    background: #f4f4f4;
    overflow: hidden;
}

.fa-s1{
    @include aa(7.15rem,4.3rem);
    margin: 0 auto;
    position: relative;
    margin-top: .25rem;
    background: white;
    .fa-s1-img{
        @include aa(100%,2.8rem);
        img{@include aa(100%,100%)}
    }
    .fa-s1-a{
        @include aa(100%,.8rem);
        margin: .3rem 0;
        display: flex;
        justify-content: space-between;
        .fa-s1-a-p{
            @include aa(4.6rem,100%);
            padding-left: .2rem;
            .fa-s1-a-p1{
                font-size: .36rem;
                margin-bottom: .28rem;
            }
            .fa-s1-a-p2{
                font-size: .28rem;
                color: #999999;
                span{color: red;}
            }
        }
        .fa-s1-a-zi{
            @include aa(2.15rem,100%);
            text-align:center;
            line-height: .8rem;
            font-size: .25rem;
            background: #ff4450;
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem;
            a{color: white;}
        }
    }
    .fa-s1-d{
        @include aa(1.1rem,.38rem);
        text-align: center;
        line-height: .38rem;
        font-size: .24rem;
        background: #38c792;
        color: white;
        position: absolute;
        top: .13rem;
        left: -.12rem;
    }
}
